<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/tab-scroll.css">
  <link rel="stylesheet" href="./plugins/overlayScrollbars/css/OverlayScrollbars.css">
  <style>

  </style>
</head>
<body>
  <div class="tab-container">
    <div class="tab-wrap">
      <ul class="tab">
        <li data-target="" class="active">企业速运</li>
        <li data-link=''>基本信息</li>
        <li data-link='' data-target="#qyfx">
          企业风险提示
        </li>
        <li data-link=''>股东股本</li>
        <li data-link=''>融资信息</li>
        <li data-link=''>投资信息</li>
        <li data-link=''>交易数据</li>
        <li data-link=''>财务数据</li>
        <li data-link=''>财务分析</li>
        <li data-link=''>经营分析与预警</li>
        <li data-link=''>行业信息</li>
        <li data-link=''>盈利预测</li>
        <li data-link=''>研究公告</li>
        <li data-link=''>新闻公告</li>
        <li data-link=''>分红派息</li>
        <li data-link=''>重大事项</li>
      </ul>
    </div>
    <div id="qyfx" class="pop-menu">
      <dl class="clearfix">
        <dt><a href="##">舆情信息1 > </a></dt>
        <dd>
          <a href="##">基本信息</a>
          <a href="##">股东信息</a>
          <a href="##">主要人员</a>
          <a href="##">企业对外投资</a>
          <a href="##">变更记录</a>
          <a href="##">实际控制人</a>
          <a href="##">基本信息</a>
          <a href="##">股东信息</a>
          <a href="##">主要人员</a>
          <a href="##">企业对外投资</a>
          <a href="##">变更记录</a>
          <a href="##">实际控制人</a>
          <a href="##">基本信息</a>
          <a href="##">股东信息</a>
          <a href="##">主要人员</a>
          <a href="##">企业对外投资</a>
          <a href="##">变更记录</a>
          <a href="##">实际控制人</a>
          <a href="##">基本信息</a>
          <a href="##">股东信息</a>
          <a href="##">主要人员</a>
          <a href="##">企业对外投资</a>
          <a href="##">变更记录</a>
          <a href="##">实际控制人</a>
        </dd>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息2</a></dt>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息3</a></dt>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息4</a></dt>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息5</a></dt>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息6</a></dt>
      </dl>
      <dl class="clearfix">
        <dt><a href="##">舆情信息6 ></a></dt>
        <dd>
          <a href="##">基本信息</a>
          <a href="##">股东信息</a>
          <a href="##">主要人员</a>
          <a href="##">企业对外投资</a>
          <a href="##">变更记录</a>
          <a href="##">实际控制人</a>
        </dd>
      </dl>
    </div>
  </div>
  
  <div class="iframe-wrap">
    <iframe id="iframe" src="企业概览.html" width="100%" frameborder="0"></iframe>
  </div>
  <script src="./plugins/jquery/jquery.min.js"></script>
  <script src="./plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script>
    $(function(){
      // 初始化滚动条
      $('.tab-wrap').overlayScrollbars({ });
      var timer = setTimeout(function(){
        console.log(3333, $(document).height() )
      },300)
     
      $('#iframe').css({
        height:$(window).height() - 70
      })
      $(window).resize(function(){
        $('#iframe').css({
          height:$(window).height() - 70
        })
      })
      
      $('.tab li').on('click',function() {
        $(this).addClass('active').siblings().removeClass('active')
        var link = $(this).data('link')
        if(link) {
          
        }
      })

      // 0605 新增
      // tab 切换
      $('.tab li').hover(function() {
        var target = $(this).data('target')
        $('.pop-menu').removeClass('active')
        if(target) {
          $(target).addClass('active')
        }
      })
      $('.pop-menu').hover(function(){},function(){
        // $(this).hide()
        $(this).removeClass('active')
      })

      $('.pop-menu').on('click', 'dd a', function() {
        $(this).addClass('active').siblings().removeClass('active')
        var link = $(this).data('link')
        if(link) {
          
        }
      }) 
    })
  </script>
</body>
</html>